<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>querySelectorAll()</title>
    </head>
    <body>
        <!-- querySelectorAll()方法的功能是通过选择器得到元素数组 -->
        <!-- 即使页面上只有一个符合选择器的节点，也将得到长度为1的数组 -->

        <ul id="list1">
            <li>我是li</li>
            <li>我是li</li>
            <li>我是li</li>
            <li>我是li</li>
            <li>我是li</li>
        </ul>
        <ul id="list2">
            <li>我是li</li>
            <li>我是li</li>
            <li>我是li</li>
            <li>我是li</li>
            <li>我是li</li>
        </ul>
        <script>
            var lis_inlist1 = document.querySelectorAll('#list1 li');

            console.log(lis_inlist1);
        </script>
    </body>
</html>